﻿/*----- 
    LightRed: #ac200c;  
    DarkRed: #8b1709;  
    DarkGray: #444; 
    Header background: #333;
    Side background: #f88c19;  
-----*/

body { font-family: "Segoe UI Web Light","Segoe UI Light","Segoe UI Web Regular","Segoe UI","Segoe UI Symbol","Helvetica Neue",Arial; font-size: 12px; padding: 0px; margin: 0px; background: #fff; }

/*=====> System Master <=====*/
.wrapper { width: 100%; height: 100%; }
.header , .logo , .subheader , .sidenav , .content { float: left; display: block; }

.header { width: 100%; height: auto; background: #333; }
.header .logo { width: 140px; height: 17px; margin-top: 10px; margin-left: 15px; margin-bottom: 10px; background: url(../img/Logo.png) top left no-repeat; }
.header .quicklinks { display: block; float: right; width: 300px; height: auto; }
.header .quicklinks a { display: block; float: right; color: #fff; padding-bottom: 7px; padding-left: 10px; padding-right: 10px; padding-top: 8px; text-decoration: none; }

.subheader { width: 100%; height: 0px; background: #333; }

.sidenav { width: 200px; height: auto; background: #f88c19; padding-top: 20px; padding-bottom: 100px; }
.sidenav a { display: block; float: right; width: 200px; height: 50px; text-decoration: none; }
.sidenav a:hover { background-color: #f7a34b; }
.sidenav a div { border: none; height: 48px; width: 48px; display: block; float: left; background-color: transparent; background-position: top left; background-repeat: no-repeat; margin-left: 5px; margin-right: 3px; }
.sidenav a span { color: #fff; text-decoration: none; text-transform: uppercase; font-weight: bold; font-size: 120%; margin-top: 10px; display: block; float: left; }

.sidenav-overview div { background-image: url(../ico/Groupbar.png); }
.sidenav-content div { background-image: url(../ico/Table-of-Contents.png); }
.sidenav-helpandsupport div { background-image: url(../ico/Help.png); }
.sidenav-myaccount div { background-image: url(../ico/Login-User.png); }
.sidenav-navigation div { background-image: url(../ico/Tree.png); }
.sidenav-security div { background-image: url(../ico/Guard.png); }
.sidenav-settings div { background-image: url(../ico/Wrench.png); }

.content { width: 970px; height: auto; margin-left: 15px; }
.content-header { display: block; float: left; height: auto; width: 100%; padding-bottom: 15px; margin-top: 15px; }
.content-header-title { font-size: 160%; display: block; float: left; }
.content-header-actions { display: block; float: right; height: auto; width: 50%; }
.content-header-actions input { float: right; margin-left: 15px; display: block; }
.content-header-actions .separator { float: right; display: block; border-left: solid 1px #444; height: 24px; margin-left: 15px; }

.content-zone { width: 100%; height: auto; float: left; display: block; }



/*=====> gridview <=====*/
.gridview { width: 100%; margin-top: 10px; }
.gridview-header { border-bottom: solid 1px #666; }
.gridview-header th { padding: 5px; text-transform: uppercase; }
.gridview-row:hover { background-color: #f6ddc4; }
.gridview-row td { padding: 5px; }
.gridview-row td a { text-decoration: none; color: #666; }

.gridview-btn { height: 16px; width: 16px; display: block; background-repeat: no-repeat; background-position: top left; float: right; margin-left: 4px; }
.gridview-btn-golive { background-image: url(../ico/16x16/earth_view.png); }
.gridview-btn-edit { background-image: url(../ico/16x16/document_edit.png); }
.gridview-btn-delete { background-image: url(../ico/16x16/delete2.png); }
.gridview-btn-details { background-image: url(../ico/16x16/preferences.png); }
.gridview-btn-moveup { background-image: url(../ico/16x16/arrow_up_blue.png); }
.gridview-btn-movedown { background-image: url(../ico/16x16/arrow_down_blue.png); }




/*=====> Action Panel <=====*/
.background { background: Black; filter: alpha(opacity=50); opacity: 0.50; height: 100%; width: 100%; z-index: 3; position: absolute; top: 0px; left: 0px; }

.actionpanel { background: #fff; width: 800px; height: auto; z-index: 4; overflow-y: auto; position: absolute; top: 150px; left: 50%; margin-left: -400px; display: block; padding-top: 15px; padding-bottom: 15px; }
.actionpanel-header { display: block; float: left; border-bottom: solid 1px #444; width: 770px; font-weight: bold; font-size: 16px; margin-left: 15px; }
.actionpanel-header span { display: block; float: left; width: 600px; }
.actionpanel-header-close { display: block; float: right; height: 24px; width: 24px; background: url(../ico/24x24/delete.png) top left no-repeat; }
.actionpanel-content { margin-top: 5px; width: 770px; height: auto; display: block; float: left; margin-left: 15px; }

.actionpanel.messagebox img { float: left; margin-left: 5px; }
.actionpanel.messagebox span { float: left; margin-left: 10px; margin-top: 10px; font-size: 16px; font-weight: bold; }
.actionpanel.messagebox a { display: block; float: right; padding: 3px 15px 3px 15px; background: #ac200c; color: #fff; font-weight: bold; text-decoration: none; border: solid 1px #444; margin-right: 10px; margin-top: 10px; }



/*===== SiteMap Style =====*/
.SiteMap .NodeStyle { color: #666; font-weight: normal; }
.SiteMap td { vertical-align: top; }
.SiteMap .SelectedNodeStyle { font-weight: bold; color: #000; }





.UpdateProgressDiv { position: absolute; z-index: 99999; left: 50%; top: 35%; width: 300px; height: 50px; margin-left: -150px; margin-top: - 150px; background: White; border: solid 3px Black; padding: 3px; }
.UpdateProgressDiv img { margin-left: 7px; margin-top: 7px; float: left; }
.UpdateProgressDiv span { margin-left: 7px; margin-top: 7px; float: left; font-size: 14pt; font-weight: bold; color: Black; }

/*=====> Common Objects <=====*/
.FormTitle { width: 100%; height: auto; border-bottom: solid 2px #444; display: block; float: left; padding-top: 10px; padding-bottom: 5px; }
.FormTitle img { float: left; }
.FormTitle span { margin-left: 5px; margin-top: 5px; font-size: 24px; float: left }
.FormTitle .ActionImgButton { float: right; margin-top: 8px; }

/*----------------------------*/
.LinkButton { display: block; float: left; padding: 3px 15px 3px 15px; background: #ac200c; color: #fff; font-weight: bold; text-decoration: none; border: solid 1px #444; margin-right: 15px; margin-top: 10px; }
.LinkButton2 { display: block; float: left; padding: 3px 15px 3px 15px; background: #ac200c; color: #fff; font-weight: bold; text-decoration: none; border: solid 1px #444; margin-left: 15px; }
.LinkButton:hover , .LinkButton2:hover { color: #eee; background: #8b1709; }

/*----------------------------*/
.NavIcon { display: block; float: left; width: 100px; height: auto; margin-left: 10px;  margin-right: 10px; padding-bottom: 10px; padding-top: 10px; text-decoration: none; }
.NavIcon:hover { cursor: pointer; }
.NavIcon img { display: block; float: left; margin-left: 26px; border: none; }
.NavIcon span { display: block; float: left; width: 100%; text-align: center; color: #444; text-decoration: none; }

/*----------------------------*/
.Link { display: block; float: left; padding: 3px 15px 3px 15px; color: #000; font-weight: bold; text-decoration: underline; margin-right: 15px; margin-top: 10px; }
.Link:hover { color: #8b1709; }

/*----------------------------*/
.ActionMenu { float: right; }



/*----------------------------*/

/*----------------------------*/
.Section , .SectionHeader , .SectionContent { display: block; float: left; width: 100%; height: auto; }
.Section { margin-bottom: 20px; }
.SubSection { display: block; width: 48%; height: auto; border: solid 1px #888; }
.SectionHeader { border-bottom: solid 1px #888; background: #eee; padding-bottom: 3px; padding-top: 3px; }
.SectionHeader span { color: Black; font-weight: bold; font-size: 12px; margin-left: 5px; }
.SectionContent {  }

/*=====> Controls - Field Templates <=====*/
.FieldTemplates_Row , 
.FieldTemplates_Row .Label , 
.FieldTemplates_Row .LabelValue , 
.FieldTemplates_Row .TextBox , 
.FieldTemplates_Row .TextBoxMultiLine , 
.FieldTemplates_Row .DropDownList , 
.FieldTemplates_Row .RequiredFieldValidator , 
.FieldTemplates_Row .RichEditor , 
.FieldTemplates_Row .ListBox { display: block; float: left; }

.FieldTemplates_Row { width: 740px; height: auto; margin-top: 10px; }
.FieldTemplates_Row .Label { width: 150px; color: #444; font-weight: bold; }
.FieldTemplates_Row .LabelValue { width: 480px; }
.FieldTemplates_Row .LabelMessageValue { color: Red; font-size: 16px; }
.FieldTemplates_Row .TextBox { width: 480px; border: solid 1px #444; }
.FieldTemplates_Row .TextBoxMultiLine { width: 480px; border: solid 1px #444; }
.FieldTemplates_Row .RichEditor { width: 485px; border: solid 1px #444 !important; }
.FieldTemplates_Row .RichEditor iframe { border-top: solid 1px #bbb !important; border-bottom: solid 1px #bbb !important; }
.FieldTemplates_Row .DropDownList { width: 485px; border: solid 1px #444; }
.FieldTemplates_Row .ListBox { width: 485px; border: solid 1px #444; }
.FieldTemplates_Row .RequiredFieldValidator { margin-left: 5px; color: #ac200c; }

/*=====> Controls - Common <=====*/
.FormTable { width: 100%; height: auto; }
.FormTable_Left { vertical-align: top; width: 200px; }
.FormTable_Center { vertical-align: top; width: auto; }
.FormTable_TreeView div table tbody tr td { vertical-align: top; }
.FormTable_TreeView a.NodeStyle { color: Black; }
.FormTable_TreeView a.SelectedNodeStyle { font-weight: bold; color: #8d1707; }

.ChartInfo { display: block; float: left; width: 100%; height: auto; padding-bottom: 5px; padding-top: 5px; }
.ChartInfo .ChartImage { float: left; margin-left: 5px; }
.ChartInfo .ChartValue { float: left; color: Black; margin-left: 10px; font-size: 13px; font-weight: bold; margin-top: 2px; }
.ChartInfo .ChartText { float: left; color: #005c9c; margin-left: 5px; margin-top: 4px; }

/*=====> Accordion - AccordionPane <=====*/
.Accordion { width: 100%; height: auto; display: block; }
.AccordionPane_Header , .AccordionPane_Content { float: left; width: 100%; height: auto; }
.AccordionPane_Header { display: block; background: #efefef; border: solid 1px #444; margin-top: 3px; text-align: left; padding-top: 5px; padding-bottom: 5px; }
.AccordionPane_Header:hover { cursor: pointer; }
.AccordionPane_Header span { font-size: 11px; font-weight: bold; margin-left: 10px; color: #444; }
.AccordionPane_Content { border-bottom: solid 1px #444; border-left: solid 1px #444; border-right: solid 1px #444; margin-bottom: 0px; display: none; }